
$('.fuzhuang-leftx').hover(function () {
    $(this).addClass('on').siblings().removeClass('on');
    $('.fuzhuang1').eq($(this).index()).addClass('fuzhuangxxx').siblings().removeClass('fuzhuangxxx')
    // showfuzhuang()
    // console.log(data);
    // console.log(data[0].nvzhuang[0]);

}, function () {
    $(this).removeClass('on');
    $('.fuzhuang1').removeClass('fuzhuangxxx')
})

// function showfuzhuang() {
//     var showaa = `
//     <div class="fuzhuang1">
//     <div class="fuzhuang2">
//     <h3>
//         <a href="">女装</a>
//     </h3>
//     <ul class="fuzhuang3">
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//         <li>
//             <a href="">连衣裙</a>
//         </li>
//     </ul>
//     <ul class="fuzhuang4">
//         <li>
//             <a href="">
//                 <img src="https://x.dscmall.cn/storage/data/brandlogo/1490071974970349584.jpg"
//                     width="112" height="49">
//             </a>
//         </li>
//     </ul>
// </div>
// </div>`
//     $(showaa).appendTo('.fuzhuang-leftx')
//     $('.fuzhuang-leftx').html(showaa)
// }
// 上面不管**************************************
// 封装**********************
var bb = 0;
var rel = $('.carnav-right>.carnav-list1>li');
var rel1 = $('.carnav-left>.carnav-list>li');
console.log(rel);
console.log(rel1);
function fun1() {
    interId = setInterval(function () {
        // fun()
        // $('.carnav-left>.carnav-list>li')[bb].css({
        //     'display': 'block'
        // });
        rel.eq(bb).addClass('activex1').siblings().removeClass('activex1');

        rel1.eq(bb).addClass('show1').siblings().removeClass('show1')
        // console.log(rel.eq(bb));
        // console.log(rel1.eq(bb));
        if (bb === 4) {
            bb = 0;
        } else {
            bb++;
        }
        // console.log(bb);
    }, 3000)
}
fun1()


// 轮播*******************
$('.carnav-right>.carnav-list1>li').mouseover(function () {
    $(this).addClass('activex1').siblings().removeClass('activex1');
    // console.log($(this).index());
    $('.carnav-left>.carnav-list>li').eq($(this).index()).addClass('show1').siblings().removeClass('show1')
    // $('.carnav-left>.carnav-list>li').animate(function(){
    //     $(this).eq($(this).index()).addClass('show1').siblings().removeClass('show1')
    // },600)
})
$('.carnav-right>.carnav-list1>li')
// console.log($('.carnav-right>.carnav-list1>li'));
// 女装渲染***********************************************
function showaa(data) {
    // console.log(data);
    var aa = '';
    for (var i = 0; i < data.length; i++) {
        aa += `<li>
        <div class="xianshi2-q-img1">
            <a href="">
                <img src="${data[i].good_urls.nowurl}"
                    alt="">
            </a>
        </div>
        <div class="xianshi2-q-name1"><a href="">${data[i].goods_title}</a></div>
        <div class="xianshi2-q-price1">${data[i].goods_price}</div>
    </li>`;
    }
    // console.log(aa);
    $('.xianshi2-q').html(aa);
}

// 女装************************
$.getJSON('../mock/fuzhuang.json', function (data) {
    showaa(data[0].nvzhuang[0]);
    $('.xianshi2-j-2-1>.xianshi2-j-2-1-1>li').mouseover(function () {
        $(this).addClass('on1').siblings().removeClass('on1');
        // console.log(data);
        // $('.xianshi2-q').eq($(this).index()).addClass('show1').siblings().removeClass('show1')
        var indexvalue = $(this).index();
        var relData = data[0].nvzhuang[indexvalue];
        // console.log(relData);
        showaa(relData);
    })
    // console.log(data);
    // console.log(data[0].nvzhuang[0]);
    // var ll = data[0].nvzhuang[0]
    // console.log(ll);
    // showaa()
})
// 男装渲染****************************
function showaa1(data) {
    // console.log(data);
    var aa = '';
    for (var i = 0; i < data.length; i++) {
        aa += `<li>
        <div class="xianshi2-q-img1">
            <a href="">
                <img src="${data[i].good_urls.nowurl}"
                    alt="">
            </a>
        </div>
        <div class="xianshi2-q-name1"><a href="">${data[i].goods_title}</a></div>
        <div class="xianshi2-q-price1">${data[i].goods_price}</div>
    </li>`;
    }
    // console.log(aa);
    $('.xianshi2-q1').html(aa);
}
// 男装*************************
$.getJSON('../mock/fuzhuang.json', function (data) {
    showaa1(data[0].nanzhuang[0]);
    $('.xianshi2-j-2-1>.xianshi2-j-2-1-11>li').mouseover(function () {
        $(this).addClass('on1').siblings().removeClass('on1');
        // $('.xianshi2-q1').eq($(this).index()).addClass('show1').siblings().removeClass('show1')
        var indexvalue = $(this).index();
        var relData1 = data[0].nanzhuang[indexvalue];
        // console.log(relData1);
        showaa1(relData1);
    })
})
// 服饰渲染*******************************
function showaa2(data) {
    // console.log(data);
    var aa = '';
    for (var i = 0; i < data.length; i++) {
        aa += `<li>
        <div class="xianshi2-q-img1">
            <a href="">
                <img src="${data[i].good_urls.nowurl}"
                    alt="">
            </a>
        </div>
        <div class="xianshi2-q-name1"><a href="">${data[i].goods_title}</a></div>
        <div class="xianshi2-q-price1">${data[i].goods_price}</div>
    </li>`;
    }
    // console.log(aa);
    $('.xianshi2-q12').html(aa);
}
// 服饰配件******************************
$.getJSON('../mock/fuzhuang.json', function (data) {
    showaa2(data[0].fushi[0]);
    $('.xianshi2-j-2-1>.xianshi2-j-2-1-112>li').mouseover(function () {
        $(this).addClass('on1').siblings().removeClass('on1');
        // $('.xianshi2-q12').eq($(this).index()).addClass('show1').siblings().removeClass('show1')
        var indexvalue = $(this).index();
        var relData1 = data[0].fushi[indexvalue];
        // console.log(relData1);
        showaa2(relData1);
    })
})
// 内衣渲染***********************
function showaa3(data) {
    // console.log(data);
    var aa = '';
    for (var i = 0; i < data.length; i++) {
        aa += `<li>
        <div class="xianshi2-q-img1">
            <a href="">
                <img src="${data[i].good_urls.nowurl}"
                    alt="">
            </a>
        </div>
        <div class="xianshi2-q-name1"><a href="">${data[i].goods_title}</a></div>
        <div class="xianshi2-q-price1">${data[i].goods_price}</div>
    </li>`;
    }
    // console.log(aa);
    $('.xianshi2-q123').html(aa);
}
// 内衣**************************
$.getJSON('../mock/fuzhuang.json', function (data) {
    showaa3(data[0].neiyi[0]);
    $('.xianshi2-j-2-1>.xianshi2-j-2-1-1123>li').mouseover(function () {
        $(this).addClass('on1').siblings().removeClass('on1');
        // $('.xianshi2-q123').eq($(this).index()).addClass('show1').siblings().removeClass('show1')
        var indexvalue = $(this).index();
        var relData1 = data[0].neiyi[indexvalue];
        // console.log(relData1);
        showaa3(relData1);
    })
})
// 运动渲染******************************
function showaa4(data) {
    // console.log(data);
    var aa = '';
    for (var i = 0; i < data.length; i++) {
        aa += `<li>
        <div class="xianshi2-q-img1">
            <a href="">
                <img src="${data[i].good_urls.nowurl}"
                    alt="">
            </a>
        </div>
        <div class="xianshi2-q-name1"><a href="">${data[i].goods_title}</a></div>
        <div class="xianshi2-q-price1">${data[i].goods_price}</div>
    </li>`;
    }
    // console.log(aa);
    $('.xianshi2-q1234').html(aa);
}
// 运动户外**************************************
$.getJSON('../mock/fuzhuang.json', function (data) {
    showaa4(data[0].yundong[0]);
    $('.xianshi2-j-2-1>.xianshi2-j-2-1-11234>li').mouseover(function () {
        $(this).addClass('on1').siblings().removeClass('on1');
        // $('.xianshi2-q1234').eq($(this).index()).addClass('show1').siblings().removeClass('show1')
        var indexvalue = $(this).index();
        var relData1 = data[0].yundong[indexvalue];
        // console.log(relData1);
        showaa4(relData1);
    })
})
// 随手购****************************
// 随手购渲染**************************************
function showaa5(data) {
    // console.log(data);
    var aa = '';
    for (var i = 0; i < data.length; i++) {
        aa += `<li>
        <div class="liimg">
            <a href="">
                <img src="${data[i].good_urls.nowurl}"
                    alt="">
            </a>
        </div>
        <div class="liprice">
        ${data[i].goods_price}
        </div>
        <div class="liname">
            <a href="">${data[i].goods_title}</a>
        </div>
        <div class="libtn">
            <a href="">查看详情</a>
        </div>
    </li>`;
    }
    // console.log(aa);
    $('.suishouimg2').html(aa);
}
$.getJSON('../mock/fuzhuang.json', function (data) {
    showaa5(data[0].suishou[0])
})
// 焦点轮播*****
$('.suilist>li').mouseover(function () {
    $(this).addClass('on7').siblings().removeClass('on7');
    // $('.xianshi2-q1234').eq($(this).index()).addClass('show1').siblings().removeClass('show1')
    $('.suishouimg2').animate({
        left: -1200 * $(this).index() + 'px'
    })
    // $('.suishouimg2').css('left', -1200 * $(this).index() + 'px')
    // console.log(-1200 * $(this).index() + 'px');

})
// var count = 0;
// var dd=1200
// $('.suishoua1').click(function () {
//     console.log(1);
// console.log($('.suishoua1').left);
// $('.suilist>li').addClass('on7').siblings().removeClass('on7');
// var aa = true;
// if (aa) {
// console.log(2);
// } else (
// $('.suishouimg2').css('left', -1200 * $(this).index() + 'px')
// )
// var bb = -1200 * $(this).index();
// })
$(function () {
    var count = 0;
    var $width = 1200;
    $('.suishoua2').on('click', function (e) {
        if (count > 1) {
            return;
        }
        count++;
        $('.suishouimg2').animate({
            left: -count * $width + 'px'
        })
        $('.suilist>li').eq(count).addClass('on7').siblings().removeClass('on7');
    });
    $('.suishoua1').on('click', function (e) {
        if (count <= 0) {
            return;
        }
        count--;
        $('.suishouimg2').animate({
            left: -count * $width + 'px'
        })
        $('.suilist>li').eq(count).addClass('on7').siblings().removeClass('on7');
    });
})

// ***************************************************************

// 楼层导航************************
var xianshi = $('.xianshi').offset().top;
// console.log(xianshi);
$(window).scroll(function () {
    // console.log($(this).scrollTop());
    if ($(this).scrollTop() >= xianshi) {
        $('.lcdh').fadeIn(600);
        // console.log(1);
    } else {
        $('.lcdh').fadeOut(600);
        // console.log(2);
    };
    $('.kk').each(function (index, value) {
        if ($(window).scrollTop() >= value.offsetTop) {
            $('.ww').eq(index).addClass('lcdhy').siblings().removeClass('lcdhy');
        }
        // console.log($(window).scrollTop());
        // console.log(value.offsetTop);
    })
})
$('.lcdh').click(function (e) {
    // console.log(e);
    console.log(e.target);
    var indexvalue = $(e.target).index();
    // console.log($(e.target));
    console.log(indexvalue);
    var topvalue = $('.kk').eq(indexvalue).offset().top;
    // console.log(indexvalue);
    // console.log(topvalue);
    $('html').stop().animate({
        scrollTop: topvalue
    }, 800)
    console.log($(window).scrollTop());
});
// 回到顶部*********************
$('.ee').click(function () {
    // $(window).offset().top == 0;
    // console.log(e.target);
    $('html').animate({
        scrollTop: 0
    }, 800)
})
// $('.ee>span>i').click(function (e) {
//     // $(window).offset().top == 0;
//     console.log(e.target);
//     $('html').animate({
//         scrollTop: 0
//     }, 800)
// })